<script setup>
    import { ref, defineProps, defineEmits } from 'vue'
    const props = defineProps({
        pageData: { 
            type: Object, 
            default: {
                total: 0,
                page: 1,
                pageSize: 10
            }  
        }
    });
    const emit = defineEmits(['changePage']);
</script>
<template>
    <div class="container">
        <el-pagination size="small" :page-size="props?.pageData?.pageSize" background layout="prev, pager, next" :total="props?.pageData?.total" @current-change="page => emit('changePage', page)" v-model:current-page="page" />
    </div>
</template>
<style lang="scss" scoped>
.container {
    display: flex;
    justify-content: end;
    padding: 10px;
}
</style>